<template>
  <div id="app">
    <router-view />
    <!-- <div class="el-message">dsad</div> -->
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style>
.el-fl {
  float: left;
}
.el-fr {
  float: right;
}
.el-article-title {
  margin-left: 15px;
  color: #666;
  line-height: 36px;
  height: 36px;
}
.el-article-title span {
  margin: 0 6px;
}
body {
  font-family: 'microsoft yahei';
}
#app .sidebar-container {
  padding-top: 80px;
  /* top: 80px; */
  background-color: rgba(29, 171, 236, 0.1);
  /* background-color: rgba(29, 171, 236, 1); */
}
#app .sidebar-logo-container {
  background-color: rgba(29, 171, 236, 1);
}
#app .navbar {
  border-top: 1px solid rgba(29, 171, 236, 0.2);
}
#app .sidebar-container .svg-icon {
  margin-left: 16px;
}
.el-color-right {
  color: #1dabec;
}
.el-color-error {
  color: #ff0029;
}
.el-ellipsis-row {
  white-space: nowrap;
  /* width: 100%; */
  overflow: hidden;
}
#app .el-chapter {
  min-height: 908px;
}
.el-pagination {
  text-align: center;
}
.el-dialog {
  z-index: 2033;
}
.el-courseware-box {
  position: relative;
  z-index: auto;
}
.el-courseware-left {
  position: absolute;
  z-index: auto;
}
.el-courseware-right {
  margin-left: 400px;
}
</style>
